<template>
  <div class="header">
    <div class="header-header">
      <div class="header-left-left">
       <div class="header-left-left-input">
           <img src="/header/sousuo.png" alt="">
           <input type="text" value="少钱2  公测">
       </div>
      </div>
      <div class="header-left-right">
          <img src="/header/denglu.png" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.header {
  width: 100%;
  height: 0.52rem;
  /* background-color: pink; */
}
.header-header {
  padding-left: 0.16rem;
  padding-right: 0.16rem;

  display: flex;
  justify-content: space-between;
}
.header-left-left {
  width: 3.02rem;
  height: 0.52rem;
  /* background-color: red; */
}
.header-left-left input {
  width: 2.632rem;
  height: 0.32rem;
}
.header-left-right {
  width: 0.4rem;
  height: 0.52rem;
  /* background-color: orange; */
  position:relative;
}
.header-left-left-input{
    position: relative;
}
.header-left-left-input input{
    width: 2.63rem;
    height: 0.28rem;
    position:absolute;
    top:0.09rem;
    left: 0rem;
    border-radius: 0.5rem;
    /* background-color: pink; */
    color: #868c92;
    font-size: 0.14rem;
    text-indent: 0.45rem;
    background-color:#f5f7f8;
    border: none;
}
.header-left-left-input img{
    position:absolute;
    top:0.14rem;
    left: 0.15rem;
    z-index: 999;
}
.header-left-right img{
    width: 0.28rem;
    height: 0.28rem;
    position:absolute;
    top:0.1rem;
    right: 0rem;
}
</style>